<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- jq -->
    <script src="../src/jQuery.js"></script>
    <!-- 响应式导航 -->
    <link rel="stylesheet" href="../jquery响应式导航/css/animate.css">
    <link rel="stylesheet" href="../jquery响应式导航/css/head.css">
    <link rel="stylesheet" href="../jquery响应式导航/css/reset.css">
    <link rel="stylesheet" href="../jquery响应式导航/css/swiper.min.css">
    <!-- map.css -->
    <link rel="stylesheet" href="../src/map.css">
    <!-- map.api -->
    <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=Bl5U7hhb3Ioma1pkHycwn88hwgXS4FlX"></script>
    <script type="text/javascript" src="//bj.bcebos.com/v1/mapopen/api-demos/data/province.js"></script>
    <title>Document</title>
</head>
<style>
    html,
    body,
    #container {
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    .info {
        z-index: 999;
        width: auto;
        padding: 10px;
        margin-left: 10px;
        position: fixed;
        top: 10px;
        background-color: #fff;
        border-radius: 5px;
        font-size: 14px;
        color: #666;
        box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
    }

    .selbox {
        margin: 8px 0;
    }

    select {
        width: 180px;
        height: 30px;
        border: 1px solid #ddd;
    }
</style>
<body>
    <header class="header">
        <div class="container clearfix">
            <div class="fl left">
                <h1 style="font-size: 18px;">
                    <a href="../index.html" style="color: white; line-height: 50px">租小客</a>
                    <span style="font-size: 15px;margin-left: 15px;" class="spn1"></span>
                </h1>
            </div>
            <div class="serch" style="color: white; display: inline; line-height: 50px;">
                <input type="text" class="ipt">
                <input type="button" value="搜索" class="btn">
            </div>
            <div class="fr nav" style="width: 1000px;">
                <ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp">
                    <li class="active">
                        <a href="javascript:void(0)">
                            <!-- 区域 -->
                            <select name="" id="" style="width: 100%;height:30px;" class="se1">
                                <option value="" selected>选择区域</option>
                                <!-- <option value="2">2</option> -->
                                <!-- <option value="3">3</option> -->
                            </select>
                        </a>
                    </li>
                    <li class="dropdown">
                        <!-- 价格 -->
                        <a href="javascript:void(0)">
                            <select name="" id="se2" style="width: 100%;height:30px;">
                                <option value="" selected>租金</option>
                                <!-- <option value="">2</option>
                                <option value="">3</option> -->
                            </select>
                        </a>
                    </li>
                    <li class="dropdown">
                        <!-- 整租 -->
                        <a href="javascript:void(0)">
                            <select name="" id="" style="width: 100%;height:30px;">
                                <option value="" selected>整租</option>
                                <option value="">是</option>
                                <option value="">否</option>
                            </select>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <!-- 房屋类型 -->
                            <select name="" id="" style="width: 100%;height:30px;">
                                <option value="" selected>房屋类型</option>
                                <option value="">是</option>
                                <option value="">否</option>
                            </select>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <!-- 朝向 -->
                            <select name="" id="se3" style="width: 100%;height:30px;">
                                <option value="" selected>朝向</option>
                                <!-- <option value="">是</option>
                                <option value="">否</option> -->
                            </select>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <!-- 楼层 -->
                            <select name="" id="" style="width: 100%;height:30px;">
                                <option value="" selected>楼层</option>
                                <option value="">是</option>
                                <option value="">否</option>
                            </select>
                        </a>
                    </li>
                </ul>
            </div>
            <a href="javascript:void(0)" id="navToggle">
                <span></span>
            </a>
        </div>
    </header>

    <!-- map -->
    <div id="container"></div>
</body>
<script src="../src/map.js"></script>

</html>